<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../dist/css/main.css">
  <style>
    .font-page{
      font-size: 32px;
      padding: 20px;
    }
    .header > div {
      margin-bottom: 20px;
    }
    .font1{
      font-family: "PingFang Light";
    }
    .font2{
      font-family: "PingFang Regular";
    }
    .font3{
      font-family: "PingFang Medium";
    }
    .font4{
      font-family: "PingFang Bold";
    }
    .font5{
      font-family: "PingFang Heavy";
    }
  </style>
</head>
<body>
  <div class="font-page">
    <div class="font1">
      <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
      <p>abcdefghijklmnopqrstuvwxyz</p>
      <p>1234567890</p>
    </div>
    <div class="font2">
      <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
      <p>abcdefghijklmnopqrstuvwxyz</p>
      <p>1234567890</p>
      <p> 增强培训效果、激发学习热情、降低培训成本</p>
      <p> 使培训管理效果更可观</p>
    </div>
    <div class="font3">
      <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
      <p>abcdefghijklmnopqrstuvwxyz</p>
      <p>1234567890</p>
      <p>让您连接到我们的客户服务团队</p>
      <p>多样化学习方式</p>
      <p>LMS强大的培训管理功能</p>
      <p>企业内训</p>
      <p>合作认证</p>
      <p>语言服务</p>
      <p>职场公开课</p>
      <p>企业参访</p>
      <p>合作伙伴</p>
    </div>
    <div class="font4">
      <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
      <p>abcdefghijklmnopqrstuvwxyz</p>
      <p>1234567890</p>
      <p>睿信教育</p>
      <p>万宝盛华大中华</p>
      <p>公司地址</p>
      <p>客服热线</p>
      <p>问题？还是准备好开始了？</p>
      <p>学习内容管理</p>
      <p>学习过程管理</p>
      <p>在线考核评测</p>
      <p>培训数字化管理</p>
    </div>
    <div class="font5">
      <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
      <p>abcdefghijklmnopqrstuvwxyz</p>
      <p>1234567890</p>
    </div>
  </div>
</body>
</html>